/*
 * The following style blocks format links for
 * unclicked and visited links.
 */
a:link, a:visited {
 color: #FFD700;
 text-decoration: none;
}

/*
 * The following style blocks format styles if
 * links are hovered using the mouse and is clicked.
 */
a:hover, a:active {
 color: #FAFAD2;
 text-decoration: none;
}

/*
 * The following style blocks format the style for the
 * main body of the page (fonts, background, etc.)
 */
body {
 font-family: 'DejaVu Sans', Calibri, Arial, sans-serif;
 color: yellow;
 background-color: black;
}

div#logintitle {
 background: url('../../img/themes/default/headers/logintitle.jpg') no-repeat center center;
}

div#yrlvltitle {
 background: url('../../img/themes/default/headers/choose2.gif') no-repeat center center;
}

div#mainhead {
 background: url('../../img/themes/default/headers/header2.gif') no-repeat left center;
}

#heading {
 font-size: 2.75em;
 color: #EE82EE;
}

#subheading {
 font-size: 1.1em;
 color: yellow;
 font-weight: 100;
}

img.bgloginout {
 min-height: 100%;
 min-width: 800px;
 width: auto;
 height: 100%;
 position: fixed;
 top: 0;
 left: 25%;
}

p.descpara {
 font-size: 14px;
 color: white;
}

/*
 * The following style blocks define the style of
 * the reCAPTCHA widget.
 */
#catcharea {
 font-size: 0.75em;
 border: #9A34FF solid 2px;
 padding: 2px;
}

/*
 * The following style blocks format the overlay which
 * contains the password form in the mail pages.
 */
#mailoverlay {
 border: #9A34FF 3px solid;
 position: absolute;
 clear: both;
 background-color: #000000;
 background-position: top left;
 height: 340px;
 width: 100%;
 visibility: hidden;
 overflow: hidden;
 opacity: 0;
 padding-top: 40px;
}

.leftnav {
 float: left;
 display: block;
}

.rightnav {
 float: right;
 display: block;
}

.mainpagetext {
 top: 100px;
 bottom: 100px;
 z-index: 3;
}

.tablelinksmain th {
 border: 1px solid white;
}

.tablerecd, .tablerecd td, .tablerecd th {
 border: 1px solid white;
 border-collapse: collapse;
 padding: 3px;
}

/*
 * > .textloginredir contains the text in the redirecting pages
 * > .bgredirout contains the image in the logout redirecting page
 * > .bgredirin contains the image in the login redirecting page
 */
.textwrapredir {
 color: white;
 margin-top: 440px;
 text-align: right;
 padding: 5px;
 z-index: 3;
}

.bgredir {
 height: 600px;
 width: 800px;
 min-height: 480px;
 border: 1px solid #F0F0F0;
 margin-left: auto;
 margin-right: auto;
}

.redirout {
 background: url('../../img/themes/default/logout.png') no-repeat center center;
}

.redirin {
 background: url('../../img/themes/default/login.png') no-repeat center center;
}

/*
 * The following statements layout the
 * tabs for the settings page.
 */

ol#tabs {
 height: 20px;
 list-style: none;
 margin: 0;
 padding: 0;
}

ol#tabs a {
 background: url("../../img/themes/default/tabsprpleb.jpg");
 color: #FFFF00;
 display: block;
 float: left;
 height: 20px;
 padding-left: 25px;
 text-decoration: none;
}

ol#tabs a:hover {
 background-position: 0 -120px;
}

ol#tabs li {
 float: left;
 margin: 0 1px 0 0;
}

ol#tabs li a.active {
 background-position: 0 -61px;
 font-weight: bold;
}

ol#tabs li a.active span {
 background-position: 100% -61px;
}

ol#tabs span {
 background: url("../../img/themes/default/tabsprpleb.jpg") 100% 0;
 display: block;
 height: 20px;
 padding-right: 25px;
}

ol#tabs a:hover span {
 background-position: 100% -120px;
}

div.tabcontent {
 border: #9A34FF solid 3px;
 clear: left;
 padding: 1em;
}

div.tabcontent.inactive {
 display: none;
}